.TOP{
	width:100%;
	height: 50px;
	background: #fff;
	border-bottom: 2px solid red;
	position: fixed;
		z-index:30;
		display: none;
}
.JD{
	width: 120px;
	height: 49px;
	margin-left: 178px;
	float: left;
}
.JD img{
	width: 100px;
	margin:5px auto;
}
.IPT{
	float: right;
	width: 576px;
	height: 50px;
	margin-right: 500px;
}
.IPT input{
	width: 500px;
	height: 40px;
	border: 0;
	background: #eee;
	padding: 0 8px;
	float: left;
	margin-top: 5px;
}
.IPT button{
	width: 60px;
	height: 40px;
	border: 0;
	background: red;
	float: right;
	margin-top: 5px;
}
.IPT button img{
	width: 30px;
	height: 30px;
}
/* 顶部悬浮搜索框 */
.HDDB{
	width: 35px;
	height: 35px;
	background: darkred;
	position: fixed;
	right: 0;
	bottom: 0;
}
.HDDB img{
	width: 35px;
	height: 35px;
	border-radius: 60%;
	background: #eee;
}
.HDDB .hddb{
	position: absolute;
	right: 0;
	top: 0;
	height: 35px;
	width: 0;
	background-color: darkred;
	transition: all 0.6s;
	z-index: -1;
	line-height: 30px;
	font-size:20px
}
.HDDB:hover .hddb{
	width: 80px;
}

/* 悬浮回到顶部 */
.grid{
	height: 100%;
}
.grid-col1{
	width: 190px;
	height: 480px;
	background-color:#fefefe;
	color: #fff;
	font-size: 16px;
}
.grid-col1 a{
	color: #595d60;
	font-size: 14px;
	margin: 0 3px;
}
.grid-col1 li:hover{
	background-color: #eee;
}
.grid-col1 li:hover a{
	color: red;
}
.grid-col1 ul{
	padding: 20px 0;
}
.grid-col1 ul li{
	padding-left:12px ;
	height: 25px;
	line-height: 15px;
}

/* 轮播开始 */
#lunbo{
	width: 750px;
	height: 480px;
	position: relative;
	overflow: hidden;
	left: 10px;
}
#lunbo img {
	display: block;
	border: none;
}
#banner {
	position: absolute;
}

#banner li {
	float: left;
}

#banner li img {
	width:750px;
	height: 480px;
}

#btn span {
	position: absolute;
	width: 36px;
	height: 50px;
	font-size: 50px;
	text-align: center;
	line-height: 40px;
	background: #000;
	opacity: 0.3;
	color: white;
	cursor: pointer;
	top: 50%;
	margin-top: -25px;
}

#btn span:first-child {
	left: 20px;
}

#btn span:last-child {
	right: 20px;
}

#list {
	position: absolute;
	left: 20px;
	bottom: 20px;
}

#list li {
	width: 10px;
	height: 10px;
	float: left;
	background: #fff;
	color: red;
	line-height: 10px;
	border-radius: 50%;
	margin: 0 5px;
	text-align: center;
}

	#list li:hover,
	#list li.hover {
				background: red;
}
.grid-col3{
	left: 20px;
	width: 249px;
	height:100%;
	position: relative;
	top: -480px;
}
/* 轮播结束 */
/* 右侧导航 */
#notice{
	width:250px;
	height:454px;
	position:relative;
	float:right;
	margin-top:12px;
}
#news{
	width:248px;
	height:190px;
	border:1px solid #e4e4e4;
}
#news .mt{
	height:32px;
	line-height:32px;
	border-bottom:1px dotted #e8e8e7;
	padding:0 15px;
}
#news .mt h3{
	font-size:16px;
	float:left;
}
#news .mt a{
	float:right;
	font-family:consolas;
	font-size: 13px;
}
#news .mt a:hover{
	color:#c81623;
}
#news .mc{
	width:233px;
	height:120px;
	padding:5px 0 0 15px;
}
#news .mc li{
	height:24px;
	line-height:24px;
}
#news .mc li span{
	font-weight:700;
	margin-right:5px;
}
#news .mc li a:hover{
	color:#c81623;
}
#news .mc li a:hover span{
	color:#c81623;
}
.ddd{	
	
}
.ddd > ul > li{
	font-size: 14px;
	width: 61px;
	height: 62px;
	border-bottom: 1px solid #ddd;
	float: left;
	text-align: center;
	padding: 0;
}

.b-l{
	border-left: 1px solid #ddd;
}

.b-b{
	border-bottom: 1px solid #ddd;
}

.b-r{
	border-right: 1px solid #ddd;
}

.b-t{
	border-top: 1px solid #ddd;
}

.ddd-s{
	width: 25px;
	height: 25px;
	display: block;
	margin-left: 28%;
	margin-top: 10px;
}

.ddd-1{
	background: url(../images/111.png) no-repeat ;
}
.ddd-2{
	background: url(../images/111.png) no-repeat 0 -25px;
}
.ddd-3{
	background: url(../images/111.png) no-repeat 0 -50px;
}
.ddd-4{
	background: url(../images/111.png) no-repeat 0 -75px;
}
.ddd-5{
	background: url(../images/111.png) no-repeat 0 -100px;
}
.ddd-6{
	background: url(../images/111.png) no-repeat 0 -125px;
}
.ddd-7{
	background: url(../images/111.png) no-repeat 0 -150px;
}
.ddd-8{
	background: url(../images/111.png) no-repeat 0 -150px;
}
.ddd-9{
	background: url(../images/111.png) no-repeat 0 -175px;
}
.ddd-10{
	background: url(../images/111.png) no-repeat 0 -200px;
}
.ddd-11{
	background: url(../images/111.png) no-repeat 0 -225px;
}
.ddd-12{
	background: url(../images/111.png) no-repeat 0 -250px;
}
.d-img{	
	float:right;
	margin-top:-60px;
}
.let{
	width: 245px;
	height: 31px;
	background:#E3e4e5;
  position: absolute;
  left: 500px;
  top:80px;
  z-index: 2;
  line-height: 31px;
}
.let>a{
	float: right;
	margin-right: 10px;	
}
.subnav{
	position:fixed;
	top: 30%;
	right: 0;
	width: 30px;
}
.subnav li{
	width: 30px;
	height: 30px;
	margin: 3px 0;
	background-color:#ccc ;
	position: relative;
}
.subnav div{
	position: absolute;
	right: 0;
	top: 0;
	height: 30px;
	width: 0;
	background-color: darkred;
	transition: all 0.6s;
	z-index: -1;
	line-height: 30px;
	
}
.subnav div a{
	font-size: 15px;
	color: #fff;
}
.subnav li:hover div{
	width: 100px;
}
.subnav li:hover{
	background-color: darkred;
}
/* 倒计时 */
#djs{
	width: 230px;
	height: 280px;
	background: #e83732;
	color: #fff;
	text-align: center;
	padding-top:10px ;
	margin-top: 20px;
}
#djs h2{
	font-size: 40px;
	margin-top: 25px;
}
#djs P{
	font-size: 22px;
}
#djs h4{
	margin-top: 40px;
	font-size: 22px;
}
#djst{
	width: 40px;
	height: 70px;
	overflow: hidden;
	margin-left: 120px;
	}
.djs1{width: 230px;
	height: 60px;
	margin-top: 37px;
	font-size: 45px;
	text-align: center;
	line-height: 64px
}
.djs1 .b1{
	width: 60px;
	height: 60px;
	background:firebrick;
	float: left;
}
.djs1 .b2{
	width: 60px;
	height: 60px;
	background:firebrick;
	float: left;
	margin: 0 20px;
}
.djs1 .b3{
	width: 60px;
	height: 60px;
	background:firebrick;
	float: right;
}
/* 倒计时结束 */
/* 小轮播*/
/* 轮播开始 */
#lunbo2{
	width: 750px;
	height: 290px;
	position: relative;
	overflow: hidden;
	float:left;
	left: 230px;
	top: -290px;
}
#banner2 {
	position: absolute;
}

#banner2 li {
	float: left;
}
#banner2 li div{
	width: 186px;
	height: 290px;
	float: left;
	border-right: 1px solid #ccc;
}
#banner2 li div h3 p{
	text-align: center;
}
#banner2 li img {
	width:186px;
	height: 240px;
}

#btn2 div {
	position: absolute;
	width: 36px;
	height: 50px;
	font-size: 50px;
	text-align: center;
	line-height: 40px;
	background: #000;
	opacity: 0.3;
	color: white;
	cursor: pointer;
	top: 50%;
	margin-top: -25px;
	

}

#btn2 div:first-child {
	left: 20px;
}

#btn2 div:last-child {
	right: 20px;
}

/* 轮播结束 */
#cjxlb{
	width: 230px;
	height: 260px;
	overflow: hidden;
	position: absolute;
	right: 145px;
	margin-top:-290px ;
}
#cjxlb img{
	width: 230px;
	height: 260px;
}
#listItem li div{
	width: 1020px;
	height: 480px;
	background-color: #eee;
	position: absolute;
	z-index: 20;
	margin-top:-35px;
	margin-left: 178px;
	float: left;
	display: none;
}
#listItem span:hover{
	color: red;
}
#listItem li:hover div{
	position: absolute;
	display: block;
	color: #6a6468;
	font-size: 12px;
}

/* 第二列轮播 */
#dellb{
	width: 390px;
	height: 450px;
	background-color: #fff;
	margin-top: 20px;
}
#dellb img:hover{
	opacity: 0.7;
}
#dellb #tssh img{
	width:350px;
	height: 300px;
	display: block;
	position: absolute;
}
#dellb h2{
	margin: 11px 135px;
	position: absolute;
	font-size: 18px;
}
#dellb #tssh h4{
	position: absolute;
	font-size: 15px;
	bottom: 20px;
	padding: 20px;
	margin-left: 40px;
}
#dellb #tssh p{
	position: absolute;
	font-size: 15px;
	bottom: 0px;
	padding: 20px;
	margin-left: 18px;
}
#dellb #tssh{
	width: 350px;
	height: 380px;
	border: 1px solid #eee;
	position: relative;
	bottom: -40px;
	left: 20px;
	margin-bottom: 28px;

}

#dellb2{
	width: 390px;
	height: 450px;
	background-color: #fff;
	top: 1060px;
	position: absolute;
	left: 570px ;
}

#dellb2 div{
	width: 190px;
	height: 200px;
	float: left;
	text-align: center;
	color: #b2c4ea;
}
#dellb2 div:hover{
	color:#d04900
}
#dellb2 div img{
	width: 150px;
	height: 150px;
}
#dellb2 h3{
	font-size: 22px;
	text-align: center;
	margin-top: 10px;
}
#dellb3{
	width: 390px;
	height: 450px;
	background-color: #fff;
	top: 1060px;
	position: absolute;
	left: 980px ;
}
#dellb3 #tish img{
	width:350px;
	height: 300px;
	display: block;
	position: absolute;
}
#dellb3 h2{
	margin: 11px 135px;
	position: absolute;
	font-size: 18px;
}
#dellb3 #tish h4{
	position: absolute;
	font-size: 15px;
	bottom: 20px;
	padding: 20px;
	margin-left: 40px;
}
#dellb3 #tish p{
	position: absolute;
	font-size: 15px;
	bottom: 0px;
	padding: 20px;
	margin-left: 18px;
}
#dellb3 #tish{
	width: 350px;
	height: 380px;
	border: 1px solid #eee;
	position: relative;
	bottom: -40px;
	left: 20px;
	margin-bottom: 28px;

}
#hh2{
	font-size: 28px;
	margin: 30px 480px;
}
#znxf{
	width: 390px;
	height: 450px;
	background-color: #fff;
}
#znxf img:hover{
	opacity: 0.7;
}
#znxf2 img{
	width:390px;
	height: 450px;
}
#znxf2 h4{
	font-size: 18px;
	text-align: center;
}
#shouj{
	width: 390px;
	height: 360px;
	background-color: #fff;
	float: left;
	margin-left: 406px ;
	margin-top: -453px;
}
#shouj img:hover{
	opacity: 0.7;
}
#shouj div{
	width: 190px;
	height: 200px;
	float: left;
	text-align: center;
	color: #b2c4ea;
}
#shouj div:hover{
	color:#d04900
}
#shouj div img{
	width: 150px;
	height: 150px;
}
#shouj h3{
	font-size: 22px;
	text-align: center;
	margin-top: 10px;
}
#shouji1,#shouji2{
	border-bottom: 1px solid #eee;
}
#shouji3 p{
	font-size: 18px;
}
#fxsj{
	width: 390px;
	height: 450px;
	float: left;
	margin-left: 817px ;
	margin-top: -453px;
}
#fxsj img{
	float: left;
	width: 350px;
	height: 420px;
}
#fxsj2{
	width:360px;
	height: 420px;
	border: 5px solid #000;
	margin-left: 20px;
	margin-top: 20px;
}
#pzsj{
	width: 390px;
    height: 450px;
    background-color: #fff;
	float: left;
	margin-top: 20px;
}

#pzsj img{
	width: 365px;
	height: 200px;
	float: right;
	margin-top: 10px;
	margin-left: 25px;
}

#pzsj2{
	width: 360px;
    height: 420px;
    border: 5px solid #000;
    margin-left: 0px;
    margin-top: 20px;
}

#naifen{
	width: 390px;
	height: 450px;
	background-color: #fff;
	float: left;
	margin-left: 406px ;
	margin-top: -453px;
}

#naifen div{
	width: 190px;
	height: 200px;
	float: left;
	text-align: center;
	color: #b2c4ea;
}
#naifen div:hover{
	color:#d04900
}
#naifen div img{
	width: 150px;
	height: 150px;
}
#naifen h3{
	font-size: 22px;
	text-align: center;
	margin-top: 10px;
}
#naifen1,#naifen2{
	border-bottom: 1px solid #eee;
}
#naifen3 p{
	font-size: 18px;
}
#jieshu{
	width: 390px;
    height: 450px;
	background-color: #fff;
    float: left;
    margin-left: 817px;
    margin-top: -453px;
	font-size:20px ;
}

#jieshu2 img{
	width: 365px;
	height: 200px;
	margin-left:13px ;
}
#jieshu3 img{
	width: 180px;
	height: 200px;
	margin-top: 7px;
}
#jieshu3 img:first-child{
	margin-left: 13px;
}


/* 详情页 */
 #zjxqy{
	width: 1200px;
	height: 500px;
	position: relative;
	margin: 30px auto;
}
#zoomBox{
				position: absolute;
				border: 1px solid #cecece;
				width: 402px;
				height: 500px;
			}
#midArea{
				
				width: 400px;
				height: 400px;
				overflow: hidden;
			}
			#midArea img{
				width: 400px;
				height: 400px;
			}
#zoom{
				position: absolute;
				background: #ccc;
				opacity: .2;
				width: 200px;
				height: 200px;
				left: 0;
				top: 0;
				cursor: move;
				display: none;
			}
			#bigArea{
				display: none;
				position: absolute;
				left: 400px;
				top: -1px;
				border: 1px solid #cecece;
				width: 400px;
				height: 400px;
				overflow: hidden;
			}
			#bigArea img{
				position: absolute;
				width: 800px;
				height: 800px;
			}
			#smallArea{
				border: 1px solid #cecece;
			}
			#smallArea li{
				list-style: none;
				float: left;
				width: 90px;
				height: 100px;
				margin-left: 7px;
				border-right: 1px solid #eee;
			}
			#smallArea img{
				width: 100px;
				height: 100px;
			} 
 #huawei{
	width: 500px;
	height: 500px;
	float: left;
	margin-left: 500px;
	margin-top: -480px;
}
#huawei li{
	height: 55px;
	font-size: 14px;
}
#huawei #UL li{
	height: 30px;
	float: left;
	margin-top: 60px;
	margin-left: 10px;
}
#huawei #dygul li{
	height: 30px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
/* #huawei input{
	width: 288px;
	height: 50px;
	background:sandybrown;
	color: #fff;
	margin-top:190px;
	margin-left: 50px;
} */
#cart6 form{
	width: 230px;
	height: 30px;
	margin: 0 10px;
}
#cart6 input{
	border: 0;
}
#cart6 input:nth-of-type(1){width: 180px;height: 28px;float: left;}
#cart6 input:nth-of-type(2){width:48px ;background: #ccc;height:14px;float: left}
#cart6 input:nth-of-type(3){width:48px ;background: #ccc;height:14px;float: left}
#cart6 button{width:150px ;background: red;border: 0;border: 1px solid #ccc;height: 30px;float: right;margin: -30px 85px;border-radius: 10px;}

/* 结算购物车 */
#zjbf{
	width: 990px;
	height: 212px;
	background: yellow;
	margin: 0 auto;
}
#retive3{
	width: 990px;
	background: #004444;
	height: 35px;
	line-height: 35px;
}
#retive3 h4{
	font-size: 18px;
}
#retive3 span{float: left;}
#retive3 p{float: right;font-size:14px ;}
#retive3 select{width: 190px;color: #000000;}

#ccc{width: 990px;height: 43px;background: #0000FE;}
#ccc p:nth-of-type(1){color: red;float: left;width: 300px;}
#ccc p{float: right;width: 120px;line-height: 43px;}
#ccc span{margin-left: 20px;}
#ccc input{float: left;margin: 15px;}
#ccc p:nth-of-type(1) span:nth-of-type(1){float: left;margin: 0;}
#ccc p:nth-of-type(1) span:nth-of-type(2){float: right;}

.single{width: 990px;min-height: 80px;background: pink;border-bottom: 1px solid #999;overflow: hidden;}
.single1{float: left;margin-top:10px ;width: 500px;min-height: 40px;}
.single1 input{float: left;margin: 15px;}
.single1 p{width: 300px;float: left;margin-left: 60px;margin-top: 10px;}
.tu{width: 50px;float: left;}
.tu img{width: 50px;height: 50px;}

.single2{width: 490px;float: left;min-height: 40px;margin-top: 10px;}
.single2 p{float: left;width: 50px;margin-top: 10px;}
.single2 form{float: left;width: 60px;margin: 5px 80px;}
.single2 input:nth-of-type(1){width: 15px;float: left;}
.single2 input:nth-of-type(2){width: 26px;float: left;}
.single2 input:nth-of-type(3){width: 15px;float: left;}
.single2 a{float: right;display: block;margin: 10px 70px 0 0;}

/*结算固定定位**/
#fix{width: 990px;margin: 0 auto;height: 50px;border: 1px solid #ccc;}
#lef{float: left;width: 500px;}
#lef a{color: #000000;}
#rig{float: left;width: 488px;}
#fix p{float: left;line-height: 50px;margin: 0 15px;}
#rig p{margin-left: 80px;}
#fix #rig p:nth-of-type(1) span{color: red;}
#rig strong{color: red;}
#rig button{float: right;width: 100px;height: 48px;background: red;border: 0;}